<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/inc/common.jsp"%>
<html>
<head>
<title>demo管理</title>
<script type="text/javascript" src="${basePath}/business/demo/demoList.js" ></script>
</head>
<body>
	<div class="easyui-layout" data-options="fit:true" >
		<div data-options="region:'north', title:'查询条件',split:true,collapsed:false,footer:'#searchfooter'" style="overflow: hidden;">
			<!-- 查询条件 -->
			<div style="padding:10px 5px 45px 20px;">
				<form id="searchForm" name="searchForm" >
					<table class="search-table" width="90%"  >
						<tr>
							<td align="right" width="10%">项目名称:</td>
							<td>
								<input class="easyui-textbox" type="text" id="name" name="name" onchange="dochange()"></input>
							</td>
					        <td align="right" width="10%">管线长度:</td>
							<td>
								<input class="easyui-textbox" type="text" id="userName" name="userName"></input>
							</td>
							<td align="right" width="10%">项目状态:</td>
								<td>
								<input class="easyui-combobox" name="enable"  data-options="url:'<%=path%>/sys/dictionary/dicbykey.do?key=1001&type=1',method:'get',valueField:'dataCode',textField:'dataName',panelHeight:'auto',editable:false">
							</td> 
						</tr>
					</table>
				</form>
			</div>
			<div id="searchfooter" style="text-align:right;padding: 0px 10px">
				<a href="javascript:void(0)" class="easyui-linkbutton" onclick="doQry()"  data-options="iconCls:'icon-search',plain:true" >查询</a>
				<span class="search-btn-separator"></span>
				<a href="javascript:void(0)" class="easyui-linkbutton" onclick="doReset()" data-options="iconCls:'icon-cross',plain:true">重置</a>
			</div>
		</div>
		<!-- 数据列表 -->
		<div  data-options="region:'center',title:'查询结果列表'" >
			<div id="datagrid-toolbar" class="datagrid-toolbar">    
	    		<div>    
	        	<a href="#" class="easyui-linkbutton"  data-options="iconCls:'icon-add',plain:true" onclick="doAdd()">录入</a>
				<span class="search-btn-separator"></span>
				<a href="#" class="easyui-linkbutton"  data-options="iconCls:'icon-add',plain:true" onclick="doPicAdd()">图片演示</a>
				<span class="search-btn-separator"></span>
				<a href="#" class="easyui-linkbutton"  data-options="iconCls:'icon-edit',plain:true"  onclick="doEdit()">编辑</a> 
				<span class="search-btn-separator"></span>
				<a href="#" class="easyui-linkbutton"  data-options="iconCls:'icon-delete',plain:true"  onclick="doDel()">删除</a>  
	         	<span class="search-btn-separator"></span>
	         	<a href="#" class="easyui-linkbutton"  data-options="iconCls:'icon-search',plain:true"  onclick="doDetail()">查看</a>
	        	<span class="search-btn-separator"></span>
	        	<a href="#" class="easyui-linkbutton"  data-options="iconCls:'icon-print',plain:true"   onclick="doPrint()">打印</a>
	        	<span class="search-btn-separator"></span>
	        	<a href="#" class="easyui-linkbutton"  data-options="iconCls:'icon-preview',plain:true"   onclick="doPreview()">打印预览</a>
		    	</div> 
		    </div>
			<table id="datagrList" class="easyui-datagrid"
					data-options="url:'<%=path %>/demo/demo/query.do',border:true,singleSelect:false,fit:true,fitColumns:true,pageSize:10,pagination:true,pageList:[10,20,30],rownumbers:true,onLoadSuccess:onLoadSuccess,toolbar:'#datagrid-toolbar',
					rowStyler:function(index,row){
					if (index % 2 ==1){
						return <!--'background-color:#6293BB;color:#fff;font-weight:bold;';--> 
					}else{
						
					}
				}"   >
				<thead>
					<tr>
						<th data-options="field:'id',checkbox:true"></th>
						<th data-options="field:'name',width:fixWidth(10),align:'center'" >名称</th>
						<th data-options="field:'outAirProvince',width:fixWidth(10),align:'center'" >投资类别</th>
						<th data-options="field:'startYear',width:fixWidth(15),formatter:changeDateTimeToString,align:'center'" >业务日期</th>
						<th data-options="field:'buildPeriod',width:fixWidth(10),align:'center'" >期间(月)</th>
						<th data-options="field:'initAirProvince',width:fixWidth(10),align:'center'">客户名称</th>
						<th data-options="field:'initAirPrice',width:fixWidth(10),align:'center',formatter:formatCurrency" >本金(元)</th> 
						<th data-options="field:'outAirPrice',width:fixWidth(10),align:'center'" >收益率(%)</th>
						<th data-options="field:'operatorStatus',width:fixWidth(10),align:'center',formatter:formatStateImage">状态</th>
						<th data-options="field:'operatorStatus1',width:fixWidth(10),align:'center'" >状态标识</th>
					</tr>
				</thead>
			</table>
		</div>
	</div>
</body>
</html>
